
.my_account {
	padding: 0.1rem;color: #fff;
	.wallet {
		position: relative;
		height: 0;
		padding-top: 49.7%;
		background-image: url("../image/wallet_bg.png");
		background-size: contain;
		> div {
			position:absolute;
			top: 0;
			left: 0.15rem;
			right: 0.15rem;
			bottom: 0;
			.aui-list {
				height: 100%;
				border: none;
				background-color: transparent;
				.aui-list-item {
					padding-left: 0;
					border: none;
					.aui-list-item-inner {
						padding-right: 0;
						img {
							width: 0.14rem;
							margin-right: 8.5px;
						}
						.aui-list-item-title {
							color: #fff;
							font-size: 12px;
						}
					}
					&:last-child {
						.aui-list-item-title {
							margin-top: 45px;
							font-size: 45px;
						}
					}
				}
				&:after {
					height: 0;
					line-height: 0;
				}
				@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
					.aui-list, .aui-list .aui-list-item {
						background-size: 100% 0;
						background-image: linear-gradient(0,rgba(0,0,0,0),rgba(0,0,0,0) 50%,transparent 50%);
						background-image: -webkit-linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0) 50%,transparent 50%);
					}
				}
			}
		}	
	}
	.account_list {
		padding-top: 10px;
		.aui-border-b {
			border-bottom: 1px solid rgba(153,153,153, 0.1);
		}
		@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
			.aui-border-b {
				border: none;
				background-size: 100% 1px;
				background-repeat: no-repeat;
				background-position: bottom;
				background-image: linear-gradient(0, rgba(153,153,153, 0.1), rgba(153,153,153, 0.1) 50%,transparent 50%);
				background-image: -webkit-linear-gradient(90deg, rgba(153,153,153, 0.1), rgba(153,153,153, 0.1) 50%,transparent 50%);
			}
		}
		.aui-list {
			border-top: 1px solid #fff;
			.aui-list-item {
				padding-left: 0;
				min-height: 0.62rem;
				border-top: 1px solid rgba(153,153,153,0.1);
				&:first-child {
					border-top: none;
				}
				.aui-list-item-inner {
					padding-right: 0.26rem;
					min-height: 0.62rem;
					.aui-list-item-title {
						font-size: 14px;
						line-height: 20px;
						span {
							&:first-child {
								display: block;
								margin-bottom: 5px;
								color: #282828;
							}
							&:last-child {
								font-size: 12px;
								color: #666;
							}
						}
					}
				}
			}	
			&:after {
				height: 0;
				line-height: 0;
			}
			@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
				.aui-list {
					background-size: 100% 0;
					background-image: linear-gradient(0,#fff,#fff 50%,transparent 50%);
					background-image: -webkit-linear-gradient(90deg,#fff,#fff 50%,transparent 50%);
				}
				.aui-list .aui-list-item {
					border: none;
					background-size: 100% 1px;
					background-repeat: no-repeat;
					background-position: bottom;
					background-image: linear-gradient(0,rgba(153,153,153,0.1),rgba(153,153,153,0.1) 50%,transparent 50%);
					background-image: -webkit-linear-gradient(90deg,rgba(153,153,153,0.1),rgba(153,153,153,0.1) 50%,transparent 50%);
					&:first-child {
						background-image: linear-gradient(0,rgba(153,153,153,0),rgba(153,153,153,0) 50%,transparent 50%);
						background-image: -webkit-linear-gradient(90deg,rgba(153,153,153,0),rgba(153,153,153,0) 50%,transparent 50%);		
					}
				}
			}
		}	
	}		
}
